<template>
	<el-card>
		<div class="title">优化建议</div>
		<div class="suggestion-item" v-for="(item, index) in suggestions" :key="index">
			建议 {{ index + 1 }}：{{ item }}
		</div>
	</el-card>
</template>

<script setup>
const props = defineProps({ suggestions: Array })
</script>

<style scoped>
.title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.suggestion-item {
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
	line-height: 1.6;
}
</style>
